.face-cert{
  .step{
    width: 100%;
    height: 1.46rem;
  }
  .face-div{
    position: relative;
    margin-top: .55rem;
    padding: 0 1rem .74rem;
    text-align: center;
    p{
      color: #4D4D4D;
      font-size: .24rem;
      line-height: .33rem;
      &.f-desc{
        color: #333;
        font-size: .32rem;
        line-height: .45rem;
      }
      span{
        color: @red;
      }
    }
    .camera-face{
      margin-top: .55rem;
      margin-bottom: .25rem;
      width: 2.861rem;
      height: 3rem;
    }
    .eyes{
      position: absolute;
      height: .4rem;
      top: 2.2rem;
      left: 3.34rem;
    }
  }
  .video{
    height: 0;
    width: 0;
  }
  .btn{
    width: 6rem;
    margin: 0 .75rem;
  }
  .face-msg{
    text-align: center;
    margin-top: .41rem;
    font-size: .28rem;
    color: #999;
    span{
      color: @orange;
    }
  }
  .face-modal{
    background-color: #fff;
    height: 6rem;
    width: 5.4rem;
    position: absolute;
    top:2.11rem;
    left: 1.05rem;
    border-radius: 8px;
    overflow: hidden;
    img{
      &.person{
        width: 3.53rem;
        height: 3.76rem;
        margin: .67rem .93rem 0;
      }
      &.eyes{
        position: absolute;
        top: 1.88rem;
        left: 2.13rem;
      }
    }
  }
  .top{
    position: absolute;
    top: 0;
    background: #fff;
    width: 100%;
    height: .67rem;
    z-index: 10;
  }
  .bottom{
    position: absolute;
    bottom:.53rem;
    background: #fff;
    width: 100%;
    height: 1.05rem;
    z-index: 10;
  }
  .over{ 
    position: absolute; 
    width: 3.53rem;
    height: 1.05rem;
    top: 3.38rem; 
    left: .93rem; 
    z-index: 2; 
    background: linear-gradient(180deg, rgba(76,182,235,.7), rgba(255,255,255,0));
    animation: myScan 2.5s infinite linear; 
    -webkit-animation: myScan 2.5s infinite linear;

  }
  .desc{
    text-align: center;
    font-size: .4rem;
    line-height: .56rem;
    color: @red;
    margin-top: .38rem;
  }
  @keyframes  myScan{
    from { top: 4.43rem;}
    to { top: -0.38rem;}
  }
  @-webkit-keyframes myScan{
    from { top: 4.43rem;}
    to { top: -0.38rem;}
  }
}